<template>
    <pre style="padding-left: 0">  
      <code class="language-Markup  line-numbers">
        <strong>生命周期</strong>
        地址：https://cn.vuejs.org/api/composition-api-lifecycle.html
        onMounted()
        onUpdated()
        onUnmounted()
        onBeforeMount()
        onBeforeUpdate()
        onBeforeUnmount()
        onErrorCaptured()
        onRenderTracked()
        onRenderTriggered()
        onActivated()
        onDeactivated()
        onServerPrefetch()        
      </code>
    </pre>
    <img  :src="img" />
  </template>
  <script lang="ts" setup>
  import { ref,onMounted } from "vue";
  import Prism from "prismjs"; 
  onMounted(()=>{
    Prism.highlightAll();
  })
 const img = ref('');
 
  img.value =new URL("../../assets/img/lifecycle.png",import.meta.url).href;

  </script>